<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        环境对象:
            目标:能够分析判断函数运行在不同环境中this所指代的对象
            环境对象:指的是函数内部特殊的变量this,它代表着当前函数运行时所处的环境
            作用:弄清楚this的指向,可以让我们代码更简洁
                函数的调用方式不同,this指代的对象也不同
                [谁调用,this就是谁] 是判断this指向的粗略规则
                直接调用函数,其实相当于是window函数,所以this指代window
     -->
     <button>点击</button>
     <script>
        //每个函数里面都有this 环境对象 普通函数里面的this指向的是window
        // function fn(){
        //     console.log(this)
        // }
        // fn();
        const btn=document.querySelector('button');
        btn.addEventListener('click',function(){
            console.log(this); //btn对象
        })
     </script>
</body>
</html>